import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [{
    path: '/',
    redirect: '/first',
  },
  {
    path: '/home',
    name: 'Home',
    component: () => import('../views/Home.vue')
  },
  {
    path: '/about',
    name: 'About',
    component: () => import('../views/About.vue')
  },
  {
    path: '/login',
    name: 'Login',
    component: () => import('../views/Login.vue')
  },
  {
    path: '/shop',
    name: 'Shop',
    component: () => import('../views/Shop.vue')
  },
  {
    path: '/zc',
    name: 'Zc',
    component: () => import('../views/Zc.vue')
  },
  {
    path: '/first',
    name: 'First',
    component: () => import('../views/Index/First.vue')
  },
  {
    path: '/two',
    name: 'Two',
    component: () => import('../views/Index/Two.vue')
  },
  {
    path: '/three',
    name: 'Three',
    component: () => import('../views/Index/Three.vue')
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router